@charset "utf-8";
/* CSS Document */

#basePanel {
        /*width:500px;*/
	
	padding:0px;
	margin: 0px;
}

form#searchClass {  
 background-color: #BAD0EF;  
 color: #000000;  
 border: 1px solid #999999;  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 10px;  
 text-align: left;  
}

#searchClass .qpButtons {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 10px;  
 background-color: #333333;  
 color: #C2D8EF;  
 margin-right: 6px;  
}

#QueryPanelForm { 
 display:inline;
 width: 40%;
 /*
 border:thick;
 border-color:#F00;
 border-style:double;*/
}

.QueryPanel {        
	width:96.5%;
	border:solid medium #333333;
	/*padding: 10px;	*/
}

.SearchFormPanel {
	background-color: #BAD0EF; 
	color:#000000; 
	display: inline-table; 
	padding-top:10px; 
	margin:0; 
	width:45%;
}

.SearchFormPanel table {
    border-collapse: collapse;
}

.SearchFormPanel td {
    border-bottom:solid 1px black;
}

.SynonymsPanel {
	display:inline-table; 	
	padding-top:0px; 
	margin-left:50px; 
	width:800px;
	vertical-align:top;	
	border-left:thin dashed #666666; 
	background-color: #CEDEF4;
        overflow: auto;
        height:60px;
}

.SynonymsPanel #synonymsResult1 {
	display:block;
        height: 50px;
        width: 100%;
        overflow:auto;
        /*
	border-bottom:thick; 
	border-bottom-color:#999; 
	border-bottom-style:solid; 
	border-bottom-width:medium;
        */        
	line-height:12px; 
	padding-bottom:10px;		
}

.SynonymsPanel #synonymsResult2 {
	display:block;
        height: 50px;
        width: 100%;
        overflow:auto;
}

.SynonymsPanel #synonymsResult1 #synonymsResult1Title {
	background-color:#666666; 
	color:#FFFFFF; 
	width:inherit; 	
}

.SynonymsPanel #synonymsResult2 #synonymsResult2Title {
	background-color:#666666; 
	color:#FFFFFF;
}

.ItemInformation { 
	list-style-type:none;
	list-style:none;
	margin: 0em;  
	padding: 0em;	
}

.DisplayPanel {
	background-color: #FFFFFF;
	/*border:#0C0 thick dotted;
	vertical-align:top;
	top:auto; */
}

/*====*/
.DisplayPanelItems {
	background-color: #BAD0EF; 
	color:#000000; 
	display: inline-table; 
	padding-top:10px; 
	margin:0; 
	width:350px;
}

.DisplayPanelItem {        
	display:block; 
	margin: 5px; ;
	border-bottom:medium solid #666;	
	overflow:auto; 
	background-color:#E0EAF8;
	height: 250px;
}


.GraphTable {
    
}

.GraphTable td {
    vertical-align:top;
}

.Cytospaceweb {
    border-style: dotted; 
    width:850px; 
    height:900px;
}

.DisplayPanelGraphMain {
	display:inline-table; 
	padding-left:5px; 
	padding-top:0px; 
	margin:0px; 
	width:650px; 
	/*border-left:thin dashed #666666; */
	background-color: #FFFFFF;;
	/*border:medium #F00 dotted;*/
	vertical-align:top;	
}


.DisplayPanelGraphSub {
	display:block;	
	line-height:12px; 
	padding-bottom:10px; 
	width:inherit; 
	/*size:inherit;*/

}

.pTitle {
	background-color:#2966B8; 
	color:#FFFFFF;	
}

#appLogo {
	float:right;
        margin-right: 100px;
	vertical-align:top;
	color:#0FF;
	text-shadow:#069;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;	
	font-style:oblique;
}

.TopBar {
	display:block; 
	/*margin-left:26px;*/
	background-color:#2966B8;
	color:#FFF;
	width:97%;
}

.TopMenuItems {
	border-right:thin solid #0FF;
	padding: 5px;
        /*width: 90px;
        height: 15px;*/
        display:inline-block;        	
}
.TopMenuItems a:link { color:#ffffff; text-decoration: none;}
.TopMenuItems a:visited { color:#ffffff; text-decoration: none;}
.TopMenuItems a:active { color:#ffffff; text-decoration: none;}
.TopMenuItems a:hover { color:#ffffff; text-decoration: underline;}

.TopMenuBasicItems {
    color:#ffffff;
}
/*====*/
/*Displayed when Search button clicked*/
.SearchInfoBox {
    position:absolute;
    left: 20px;
    width: 300px;
    height: 20px;
    visibility:hidden; 
    float:left;
    background-color: blue;
    padding:3px;
    border:1px solid black;
    color: #ffffff;
}

#footer {
	font-size:10px;
	color:#006;
	border-bottom:thin solid #006;
	width: 100%;
	text-align:center;
}

.EntityDetailsTable {
   background-color: #DFEDFF;
}

.EntityDetailsTable tr {
   background-color: #EFF6FF;

}

.EntityDetailsContactTable {
   background-color: #DFEDFF;
}

.EntityDetailsContactTable tr {
   background-color: #CFE4FF;

}

.SynonymsResultTable {
    width:100%;
}

.SynonymsResultTable td {
    width:150px;
    text-align: left;    
    background-color: #EFF6FF;
}

/*start Help page*/
.helpPageContent {
    width: 800px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.oddText {
    background-color: #E0EAF8;
}

.evenText {
    background-color: #E0EAF8;
}

.quickLinksList {
    line-height: 17px;
}

.helpNote {
    background-color: #FFEFEF;
}
/*end Help page*/

/*Modal Window - report*/
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: white;
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/**/